.mine {
	width: 100%;
	height: 100vh;
	background: rgba(251, 251, 251, 1);
	position: relative;
	.noneBox{
		height:1rpx;
	}
	.title-content{
	    position: absolute;
		width: 100%;
		left:0rpx;
		text-align: center;
		font-weight: 600;
		color: #ffffff;
		font-size: 36rpx;
	}
	.topBox{
		position:absolute;
		left: calc(50% - 115rpx);
		top: 238rpx;
		z-index:2;
		
		width: 230rpx;
		height: 230rpx;
		image{
			width: 230rpx;
			height: 230rpx;
		}
		
		text-align: center;
		.bigIconBox{
			background-color: #fff;
			width: 186rpx;
			height: 186rpx;
			padding-top: 9rpx;
			border: 1rpx solid #ddd;
			box-sizing: border-box;
			border-radius: 180rpx;
			image{
				height: 166rpx;
				width: 166rpx;
				border-radius: 100rpx;
			}
			// /deep/ .u-image{
			// 	width:180rpx!important;
			// 	height:180rpx!important;
			// 	image{
			// 		height: 100%!important;
			// 		width: 100%!important;
			// 	}
			// }
		}
		.weChatMsg{
			margin-top: 30rpx;
			.nickName{
				font-size: 32rpx;
				font-weight: 600;
				color: rgba(59, 56, 75, 1);
				text-align: center;
				margin-bottom: 10rpx;
			}
			.phone{
				font-size: 28rpx;
				font-weight: 500;
				color: #C3C3C3;
				text-align: center;
			}
		}
	}
	
	
	.contentBox{
		background: url("../../static/mine/my_bg_2.png") no-repeat center / cover;
		background-size: 100% 100%;
		height: calc(100vh - 520rpx + 160rpx);
		font-size: 28rpx;
		position:absolute;
		// top: 72rpx;
		background-color: #fff;
		margin-top: -175rpx;
		border-radius: 80rpx 80rpx 0 0;
		padding: 0 20rpx;
		padding-top: 10rpx;
		// height: 670rpx;
		width: 100%;
		box-sizing: border-box;
		// box-shadow: 0px 0px 4rpx 0px #D8D8D8;
		.topTitleBox{
			text-align: center;
			margin: 120rpx auto 80rpx;
			width: 48%;
			line-height: 50rpx;
			font-weight: 600;
			font-size: 30rpx;
			.loginBtn{
				color: #00BF5B;
				border-color: #00BF5B;
				border-width: 1px;
				border-style: solid;
				border-radius: 60rpx;
				width: 160rpx;
				height: 50rpx;
			}
		}
		.flexBox{
			display: flex;
			justify-content: space-around;
		}
		.mainBox{
			display: flex;
			flex-wrap: wrap;
			&>view{
				width:31%;
				margin:0 calc(7% / 6) 20rpx;
				border-radius: 30rpx;
				height: 210rpx;
				text-align: center;
				font-weight: 600;
				font-size: 28rpx;
				image{
					height: 54rpx;
					width:54rpx;
					margin: 50rpx auto 30rpx;
					display: block;
				}
			}
			.main1{
				background-color: #EDF9F8;
			}
			.main2{
				background-color: #FFFAF1;
			}
			.main4{
				background-color: #ecf3ff;
			}
			.main5{
				background-color: #ffebfb;
			}
			.main3{
				background-color: #F6F3FF;
				position: relative;
				.unReadBox{
					position: absolute;
					right: 26rpx;
					top: 22rpx;
					font-size: 20rpx;
					border-radius: 40rpx;
					background-color: #F56C6C;
					padding: 8rpx 12rpx;
					color: #fff;
					min-height: 16rpx;
					line-height: 16rpx;
				}
			}
		}
		
	}
	.yinsiBox{
		position: fixed;
		bottom: 20rpx;
		left: 0;
		width: 100%;
		text-align: center;
		color: #909399;
		// text-decoration: underline;
	}
	.topBgImg{
		width: 100vw;
	}
	.logined-box {
		position: relative;
		.quit-image {
			width: 100rpx;
			height: 45rpx;
			position: absolute;
			right: -55rpx;
			top: 3rpx;
		}
	}
}